@charset "UTF-8";
/**
 *
 * @authors Marte (iqianduan@126.com)
 * @date    2017-06-07 09:43:13
 * @version $Id$
 */


/* 下拉框样式开始*/
.animated {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@keyframes fadeInUp{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,20%,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.dj-select *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dj-select{
    height:32px;
    vertical-align: top;
}
.dj-select-inline{
    display: inline-block;
}
.dj-select-block{
    display:block;
    margin:10px;
}
.dj-select label{
    display:inline-block;
    height:32px;
    line-height:32px;
    text-align:center;
    float:left;
    padding:0 15px;
    width:110px;
}
.boxStyle label{
    border:1px solid #ddd;
    background-color:#FBFBFB;
}
.dj-select .dj-select-content{
    width:190px;
    height:32px;
    float:left;
}
.dj-select .dj-select-content .dj-select-input{
    position:relative;
}
.dj-select .dj-select-content .dj-select-input i{
    cursor:pointer;
    position: absolute;
    right:8px;
    top:12px;
    display:block;
    width:0;
    height:0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #c2c2c2;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}
.dj-select .dj-select-content .dj-select-input i.dj-select-rotate180{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.dj-select .dj-select-content .dj-selected{
    width:190px;
    height:32px;
    line-height:32px;
    border:1px solid #ddd;
    display:inline-block;
    outline:0;
    padding:0 20px 0 15px;
    outline-offset:0;
    cursor:pointer;
}
.dj-select .dj-select-content .dj-selected.clicked{
    outline-offset:0;
    border:1px solid #5FB878;
}
.dj-select .dj-select-content .dj-selected.readOnly{
    color:#ccc;
}
.dj-select .dj-select-list{
    position: relative;
    z-index: 10;
    margin-top:10px;
    margin-bottom:20px;
    width:190px;
    border:1px solid #ddd;
    border-radius:2px;
    display:none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.dj-select .dj-select-list li{
    padding:0 20px 0 15px;
    height:32px;
    line-height:32px;
    cursor:pointer;
    background-color:#fff;
}
.dj-select .dj-select-list li:hover{
    background-color:#f2f2f2;
}
.dj-select .dj-select-list li.selected{
    background-color:#5FB878;
    color:#fff;
}
.x-red{color:red;}
/* 下拉框样式结束 */